.topbar {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
}

.topbarbox {
  position: relative;
}

.topbar .title {
  padding-left: 10px;
}

.yunavatar {
  height: 32px;
  width: 32px;
  border-radius: 100%;
}

.yunavatar2 {
  height: 96px;
  width: 96px;
  border-radius: 100%;
}

.form-info .layui-form-item .layui-inline {
  line-height: 36px;
}

.pimg {
  width: 100%;
  height: 100%;
  border: 0;
}

.productbox {
  position: relative;
}

.productbox .pubox {
  position: relative;
  border: 1px solid #ccc;
  overflow: hidden;
  background-color: #fff;
  padding: 5px;
}

.productbox .pubox .pximg {
  width: 100%;
  height: 180px;
}

.productbox .pubox .layui-form-item .l60 {
  width: 70px;
  padding: 0;
}

.productbox .pubox .layui-form-item .layui-form-label,
.productbox .pubox .layui-form-item .layui-input-block {
  height: 30px;
  line-height: 30px;
  min-height: 30px;
}

.productbox .layui-btn+.layui-btn {
  margin-left: 2px;
}

.productbox .pubox .layui-form-item .h36 {
  margin-left: 80px;
}

.guomai {
  text-align: right;
}

.guomai .bbb {
  border-radius: 19px;
}

body .content-box .layui-layer-btn0 {
  border: none;
  background-color: #00b64c;
  color: #fff;
  border-radius: 19px;
}

body .content-box .layui-layer-btn1 {
  border: none;
  background-color: #e60000;
  color: #fff;
  border-radius: 19px;
}

body .content-box .layui-layer-btn2 {
  border: none;
  background-color: #333;
  color: #fff;
  border-radius: 19px;
}

.cart-tag {
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
}

.cart-tag:hover i {
  border: 1px solid #ccc;
  padding: 5px;
}

.kaige-body {
  background-color: #fff;
}

.layui-table-total .layui-table-cell {
  color: #f00;
  text-align: right;
}

.tdtxtright {
  text-align: right;
  width: 36%;
}

.userbox {
  padding: 10px;
}

.yhjbox {
  margin-top: 5px;
  background-color: #ededed;
  padding: 1px;
}

.meizhang {
  color: #555;
  font-size: 0.8em;
}

.layui-form-switch {
  margin-top: 0 !important;
}

.fs50 {
  font-size: 50px;
}

.payinfo {
  padding: 10px;
}

.qrcodeimg {
  width: 240px;
  height: 240px;
  border: none;
}

/* .installbox .layui-form-item .layui-form-label{
  width: 140px;
} */
.installbox .layui-form-item .inline-w {
  width: 220px;
}

.border-b3 {
  border: 1px solid #eee;
}

.pubox .box-con {
  width: 80px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  z-index: 99;
}

.pubox .box-text {
  color: white;
  text-align: center;
  transform: rotate(45deg);
  position: relative;
  padding: 3px 0;
  left: 5px;
  top: 10px;
  width: 100px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  background-color: rgba(175, 8, 8, 0.7);
}

.pubox .box-text:before,
.box-text:after {
  content: "";
  position: absolute;
  bottom: -3px;
}

.pubox .box-text:before {
  left: 0;
}

.pubox .box-text:after {
  right: 0;
}